<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/jquery1.11.3.js"></script>
</head>
<!-- 
设置html结构属性attr（'属性名’，‘属性值’）
移除html结构属性 removeAttr('属性名字')

 -->

<body>
        <div class="demo" id='demo'>123</div>
        <div class="demo" id='demo1'>aaa</div>
        <script>
            $(function () {
                // attr获取每个div id属性 foreach
                $('.demo').each((index, element) => console.log($(element).attr('id')))
    
                // attr设置属性又可以批量给每个选择元素设置
                // $('.demo').each((index,element)=>$(element).attr('title','mytitle'))
                // $('.demo').attr('title', 'mytitle')
    
                // 批量设置属性obj 还支持自定义属性
                $('.demo').attr({ title: 'mytitle', mytag: 'jq很好' })
    
                // 回调函数
                // $('.demo').attr('class', function (index, oldval) {
                //     console.log(this)
                //     return this.title + oldval
                // })
                $('.demo').attr('.class', (index, oldval) => console.log(this))
    
            })
    
        </script>
</body>

</html>